<template>
  <view class="page-container">
    <view class="list-title">新闻列表</view>
    <CardViewText 
      v-for="(item, index) in newsList" 
      :key="index"
      :title="item.title"
      :author="item.author"
      :comments="item.comments"
      :timedata="item.timedata"
      :isTop="item.isTop"
      :showSearch="item.showSearch"
      :mode="item.mode"
      :tag1="item.tag1"
      :tag2="item.tag2"
      :adPic="item.adPic"
      :adText="item.adText"
      :adSubText="item.adSubText"
    ></CardViewText>
  </view>
</template>

<script>
import CardViewText from "../../../components/CardViewText.vue"
import data from "../../../data/news.json"
export default {
  components: {
    CardViewText
  },
  data() {
    return {
		newsList:null
    }
  },
  onLoad(){
	  this.newsList=data.newsList
  },
  methods:{
	  
  }
}
</script>

<style scoped>
.page-container {
  padding: 20rpx 16rpx;
  background-color: #f5f5f5;
}
.list-title {
  font-size: 32rpx;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30rpx;
  color: #333;
}
</style>